<!DOCTYPE html>

<html lang="en">



<head>

	<meta charset="UTF-8">

	<title>首页</title>

	<meta http-equiv="Access-Control-Allow-Origin" content="*">

	<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">

	<link rel="stylesheet" href="css/boss.css">

	<link rel="stylesheet" href="css/reset.css">

	<link rel="stylesheet" href="css/flexible.css">

	<link rel="stylesheet" href="css/swiper.min.css">

	<link rel="stylesheet" href="css/vant.css">

	<script src="js/vue/vue.js"></script>

	<script src="js/vue/qs.js"></script>

	<script src="js/vue/axios.js"></script>

	<script src="js/jquery.md5.js"></script>

	<script src="js/jquery-3.3.1.min.js"></script>

	<script src="js/fontsize.js"></script>

	<script src="js/swiper.min.js"></script>

	<script src="js/glabe.js"></script>

	<script src="js/vue/vant.js"></script>

	<style>
		.index_top {

			height: 40px;

			width: 100%;

		}



		.venueset_name {

			font-size: 18px;

			line-height: 40px;

			text-align: center;

			float: left;

			height: 40px;

			width: 100%;

		}



		.index_logo {

			float: left;

			height: 28px;

			width: 30px;

			margin-top: -36px;

			margin-left: 10px;

		}



		.swiper-slide span {

			width: 94%;

			margin-left: 3%;

			border-radius: 5px;

			float: left;

			overflow: hidden;

			height: 205px;

		}



		.index_icon {

			width: 100%;

			margin-top: 10px;

			margin-bottom: 10px;

			float: left;

			font-size: 14px;

			font-family: "微软雅黑";

			box-shadow: 0px 2px 15px 0px rgba(58, 76, 130, 0.07), 0px 1px 10px 0px rgba(34, 47, 85, 0.05);

			border-radius: 4px;

		}



		.index_icon .iicon {

			width: 0.825rem;

			padding: 0.15rem 0rem;

			margin-left: 0.08rem;

			text-align: center;

			float: left;

		}



		.index_icon .iicon span {

			text-align: center;

			float: left;

			width: 100%;

			color: #303045;

			font-size: 0.14rem;

		}

		.index_icon img {

			width: 0.28rem;

		}
	</style>

</head>

<body>

	<div id="app">

		<template>

			<div class="clearfix">

				<div class="venueset_name">{{venTitle}}</div>

				<div class="index_logo" @click="grzx">

					<img :src="loginImg" style="width: .3rem;height:.3rem;border-radius: 50%;">

				</div>

			</div>

			<!-- <div class="banner" style="margin-top: .05rem;">

			<img src="images/banner.png" title="馆家" alt="馆家">

			<div class="swiper-container">

				<div class="swiper-wrapper">

					<div class="swiper-slide" v-for="item in bannerList" :key="item" >

						<span><img :src="item" title="馆家" alt="馆家" width="100%"></span>

					</div>

				</div>

				<div class="swiper-pagination"></div>

				分页器。如果放置在swiper-container外面，需要自定义样式。

			</div>

		</div> -->

			<div class="index_icon">

				<!-- <div class="iicon">

				<a href="memberLIst.html">

					<img src="images/index_icon_1.png">

					<span>预约</span>

				</a>

			</div>

			<div class="iicon">

				<a href="curriculum_t.html">

					<img src="images/index_icon_2.png">

					<span>签到</span>

				</a>

			</div>

			 <div class="iicon">

				<a href="my_member.html">

					<img src="images/index_icon_3.png">

					<span>会员</span>

				</a>

			</div>

			<div class="iicon">

				<a href="visitor.html">

					<img src="images/index_icon_4.png">

					<span>访客</span>

				</a>

			</div> 

			<div class="iicon">

				<a href="#" @click="marketing">

					<img src="images/index_icon_5.png">

					<span>秒杀</span>

				</a>

			</div>

			<div class="iicon">

				<a href="administration.html">

					<img src="images/index_icon_6.png">

					<span>更多</span>

				</a>

			</div> -->

				<div class="iicon">

					<a href="rcqd.html">

						<img src="images/rcqd.png">

						<span>入场签到</span>

					</a>

				</div>

				<!-- <div class="iicon">

				<a href="addMember.html">

					<img src="images/xjhy.png">

					<span>新建会员</span>

				</a>

			</div> -->

				<div class="iicon">

					<a href="addVisitor.html">

						<img src="images/xjfk.png">

						<span>新建访客</span>

					</a>

				</div>

				<div class="iicon">

					<a href="curriculum_t.html">

						<img src="images/tkqd.png">

						<span>团课签到</span>

					</a>

				</div>

				<div class="iicon">

					<a href="privateSign.html">

						<img src="images/skqd.png">

						<span>私课签到</span>

					</a>

				</div>

			</div>

			<p class="dry_zhenglong_A clearfix">

				<span class="fl statiumIdName">今日运营快报</span>

				<span class="fr"><a href="businessStatistics.html" class="details_txt">更多统计</a></span>

			</p>

			<div class="stadium_revenue">

				<section>

					<ul class="business_statistics clearfix">

						<li class="vertical_line">

							<p class="color_left"><span class="fontsize24">{{online_card}}</span><span>张</span></p>

							<p class="all_left">线上售卡</p>

						</li>

						<li>

							<p class="color_right"><span>¥</span><span class="fontsize24">{{online_card_cash}}</span>
							</p>

							<p class="all_left">售卡金额</p>

						</li>

					</ul>

					<ul class="business_statistics clearfix">

						<li class="vertical_line">

							<p class="color_left"><span class="fontsize24">{{offline_card}}</span><span>张</span></p>

							<p class="all_left">门店售卡</p>

						</li>

						<li>

							<p class="color_right"><span>¥</span><span class="fontsize24">{{offline_card_cash}}</span>
							</p>

							<p class="all_left">售卡金额</p>

						</li>

					</ul>

					<ul class="business_statistics clearfix">

						<li class="vertical_line">

							<p class="color_left"><span class="fontsize24">{{user}}</span></p>

							<p class="all_left">新增会员</p>

						</li>

						<li>

							<p class="color_right"><span class="fontsize24">{{customer}}</span></p>

							<p class="all_left">新增访客</p>

						</li>

					</ul>

					<ul class="business_statistics clearfix">

						<li class="vertical_line">

							<p class="color_left"><span class="fontsize24">{{curr_t}}</span></p>

							<p class="all_left">团课预约</p>

						</li>

						<li>

							<p class="color_right"><span class="fontsize24">{{curr_p}}</span></p>

							<p class="all_left">私教预约</p>

						</li>

					</ul>

				</section>

			</div>

			<div class="box_show">

				<p>

					<span class="fl statiumIdName">本月累计售卡</span><span
						class="money_color">{{moon_card}}</span><span>张,</span>

					<span>收入</span><span class="money_color1">{{moon_cash}}</span><span>元</span>

				</p>

			</div>

		</template>

		<div class="footer_bar">

			<ul class="clearfix">

				<li>

					<a href="index.html">

						<div class="first_a is_selected"></div>

						<p style="color: #0E9CFA;">首页</p>

					</a>

				</li>

				<li>

					<a href="administration.html">

						<div class="thrid_a"></div>

						<p>管理</p>

					</a>

				</li>

				<!-- <li>

				<a href="#" @click="marketing">

					<div class="second_a"></div>

					<p>营销</p>

				</a>

			</li> -->

				<li>

					<a href="remind.html">

						<div class="four_a"></div>

						<p>提醒</p>

					</a>

				</li>

			</ul>

		</div>

	</div>

</body>

<script>

	var app = new Vue({

		el: '#app',

		data: {

			venTitle: '',

			loginImg: '',

			bannerList: [],  //banner列表

			online_card: 0,  //线上售卡数量

			online_card_cash: 0,  //线上售卡金额

			offline_card: 0,  //门店售卡数量

			offline_card_cash: 0,  //门店售卡金额

			user: 0,  //新增会员数量

			customer: 0,  //新增客户数量

			curr_t: 0,  //团课预约次数

			curr_p: 0,  //私课预约次数

			moon_card: 0,  //本月售卡

			moon_cash: 0,  //本月收入

		},

		created() {
			this.initdata();
		},

		mounted() {


		},

		methods: {
			initdata() {
				var mySwiper = new Swiper('.swiper-container', {

					pagination: {

						el: '.swiper-pagination',

					},

					autoplay: {

						delay: 2000,

						disableOnInteraction: false

					},

					observer: true,

					observeParents: true

				})

				sessionStorage.setItem('logo', '0')

				axios.get('/mobileapi/boss/index.php?act=sign').then(res => {

					console.log(res.data.data)

					this.bannerList = res.data.data.banner,

						this.online_card = res.data.data.online_card,

						this.online_card_cash = res.data.data.online_card_cash,

						this.offline_card = res.data.data.offline_card,

						this.offline_card_cash = res.data.data.offline_card_cash,

						this.user = res.data.data.user,

						this.customer = res.data.data.customer,

						this.curr_t = res.data.data.curr_t,

						this.curr_p = res.data.data.curr_p,

						this.moon_card = res.data.data.moon_card,

						this.moon_cash = res.data.data.moon_cash

					this.venTitle = res.data.data.venue[0].title

					if (res.data.data.logo == null || res.data.data.logo == '') {

						this.loginImg = 'images/index_top_log.png'

					} else {

						this.loginImg = res.data.data.logo

					}

				}).catch(err => {

					// vant.Toast('请求发送失败，请重试');

				})

			},
			//设置参数

			setCanS() {

				let Request = new Object()

				Request = GetRequest()

				this.vid = Request['vid']

				this.code = Request['code']

				this.state = Request['state']

				//获取场馆名称

				if (this.vid == undefined && this.vid == '' && this.vid == null) {

					this.vid = ''

				} else {

					sessionStorage.setItem('vid', this.vid)

				}

				if (this.state == undefined && this.state == '' && this.state == null) {

					this.state = ''

				} else {



					sessionStorage.setItem('vid', this.state)

				}

				const params = {

					vid: sessionStorage.getItem('vid')

				}

				sessionStorage.setItem('logo', '1')

				axios.get('/mobileapi/login_staff.php?act=login', { params: params }).then(data => {

					//console.log(data.data)

					let { msg, code } = data.data

					if (code !== 200) {

						window.vant.Toast.fail(msg)

					} else {

						data = data.data

						this.titles = data.data.Vname

					}



				}).catch(function (error) {

					console.log(error);

				});

				this.from.vid = this.vid

				this.from1.vid = this.vid

				if (this.code != '' && this.code != null && this.code != undefined) {

					this.getWxlogin()

				}

			},

			marketing() {

				axios.get('/mobileapi/boss/yingxiaohuodong.php').then(data => {

					console.log(data.data)

					let { msg, code } = data.data

					if (code != 200) {

						window.vant.Toast.fail(msg)

					} else {

						data = data.data.url

						window.location.href = data

					}

				}).catch(function (error) {

					console.log(error);

				});

			},

			grzx() {

				window.location.href = 'personalCenter.html'

			}

		}

	})

</script>

</html>